<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <body>
        <!-- 为 ECharts 准备一个定义了宽高的 DOM -->
        <div id="main" style="width: 600px;height:400px;"></div>
        </body>


    </div>

    <script src="./vue.js"></script>
    <script async src="./lib/axios.min.js"></script>
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/6.0.0/echarts.min.js"></script> -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> -->
    <script>
        const app = new Vue({
            el: '#app',
            data:{

            },
            methods: {
                async getList(){
                    const res = await axios.get('http://hmajax.itheima.net/api/news')
                    console.log('---',res);
                    
                }
            },
            computed:{

            },
            created () {
                this.getList();
            },
        })


    </script>
    
</body>
</html>